/* ===================================================== */ /* Theme: Vice City Neon Edition - Fully Fixed Version */ /* Prometheus 1.10.1 */ /* ===================================================== */ /* ============================= */ /* GLOBAL RESET */ /* ============================= */ html, body { height: 100%; margin: 0; padding: 0; } body { font-family: 'Poppins', sans-serif; background: url("https://pngup.com/UWnE/gta-6-teaser-3840x2160-13559.png") no-repeat center center fixed; background-size: cover; background-attachment: fixed; background-color: #0b001a; color: #ffffff !important; } /* Kill ALL Bootstrap gray backgrounds globally */ .bg-light, .bg-secondary, .panel-default, .well, .card, .table-striped > tbody > tr:nth-of-type(odd), .nav-tabs .nav-link:hover, .nav > li > a:hover { background-color: transparent !important; } /* ============================= */ /* VICE CITY OVERLAY */ /* ============================= */ body::before { content: ""; position: fixed; inset: 0; background: linear-gradient( 135deg, rgba(255, 0, 150, 0.35), rgba(0, 255, 255, 0.25), rgba(15, 0, 50, 0.75) ); pointer-events: none; z-index: 0; } .wrap, .container, .container-fluid { position: relative; z-index: 1; } /* ============================= */ /* NAVBAR (FULL FIX) */ /* ============================= */ .navbar { position: fixed; top: 0; width: 100%; z-index: 1000; background: rgba(10, 0, 30, 0.92) !important; backdrop-filter: blur(8px); border-bottom: 2px solid #ff00cc; } .wrap { margin-top: 90px; padding-bottom: 100px; background: transparent !important; } .container, .container-fluid { max-width: 1000px; margin: 0 auto; } /* FORCE ALL NAV TEXT WHITE */ .navbar .nav > li > a, .navbar .nav > li > a:visited, .navbar .nav > li > a:focus, .navbar .nav > li > a:active { color: #ffffff !important; background: transparent !important; letter-spacing: 1px; transition: 0.2s ease; } /* REMOVE GRAY HOVER COMPLETELY */ .navbar .nav > li > a:hover, .navbar .nav > li > a:focus { background: transparent !important; color: #00ffff !important; text-shadow: 0 0 10px #00ffff; box-shadow: none !important; } /* ACTIVE TAB */ .navbar .nav > li.active > a, .navbar .nav > li.active > a:hover, .navbar .nav > li.active > a:focus { background: linear-gradient(45deg, #ff00cc, #00ffff) !important; color: #ffffff !important; border-radius: 8px; box-shadow: 0 0 20px #ff00cc; } /* SIGN OUT TAB (Pink) */ .navbar .nav > li > a[href*="sign"] { color: #ff4da6 !important; } /* ============================= */ /* HEADINGS */ /* ============================= */ h1, h2, h3 { color: #ffffff !important; text-shadow: 0 0 20px #ff00cc; letter-spacing: 2px; } /* ============================= */ /* PANELS / CARDS */ /* ============================= */ .panel, .card { background: rgba(20, 0, 60, 0.75) !important; border-radius: 18px; border: 1px solid rgba(255, 0, 200, 0.6); backdrop-filter: blur(12px); box-shadow: 0 0 35px rgba(255, 0, 200, 0.4); padding: 25px; } .panel-body { background: transparent !important; } /* ============================= */ /* STORE SEARCH + SORT FIX */ /* ============================= */ .store-search, .store-sort, .store-filter, .row.store-search, .row.store-filter { background: transparent !important; border: none !important; box-shadow: none !important; } /* Inputs */ input.form-control, select.form-control { background: rgba(25, 0, 80, 0.9) !important; border: 1px solid rgba(0, 255, 255, 0.6) !important; color: #ffffff !important; border-radius: 12px !important; } select.form-control option { background: #140035 !important; color: #ffffff !important; } input::placeholder { color: rgba(255,255,255,0.6); } /* ============================= */ /* TABLE */ /* ============================= */ table { background: transparent !important; color: #ffffff !important; width: 100%; } table th { color: #00ffff !important; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid rgba(255,255,255,0.2); } table td { border-top: 1px solid rgba(255,255,255,0.1) !important; } /* ============================= */ /* BUTTONS */ /* ============================= */ .btn-primary { background: linear-gradient(45deg, #ff00cc, #00ffff) !important; border: none !important; color: #ffffff !important; font-weight: bold; text-transform: uppercase; border-radius: 30px; padding: 10px 20px; transition: 0.3s ease; } .btn-primary:hover { background: linear-gradient(45deg, #00ffff, #ff00cc) !important; transform: scale(1.05); box-shadow: 0 0 20px #ff00cc; } /* ============================= */ /* STORE BOX */ /* ============================= */ .store-box { background: rgba(12, 0, 45, 0.95) !important; border-radius: 20px !important; border: 1px solid rgba(255, 0, 200, 0.6) !important; box-shadow: 0 0 40px rgba(255, 0, 200, 0.35) !important; backdrop-filter: blur(15px); margin-bottom: 60px !important; overflow: hidden; text-align: center; } .store-box-upper { background: rgba(20, 0, 60, 0.95) !important; padding: 20px; border-bottom: 1px solid rgba(0, 255, 255, 0.4); } .store-box-lower { background: transparent !important; padding: 25px; color: #ffffff !important; } .store-box-price { color: #00ffff !important; font-size: 20px; font-weight: bold; } /* ============================= */ /* FOOTER */ /* ============================= */ footer, .footer { background: rgba(10, 0, 30, 0.9) !important; border-top: 2px solid #00ffff; color: #ffffff !important; text-align: center; padding: 25px 0; } footer a { color: #ff00cc !important; } footer a:hover { color: #00ffff !important; } /* ============================= */ /* SCROLLBAR */ /* ============================= */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #0b001a; } ::-webkit-scrollbar-thumb { background: linear-gradient(#ff00cc, #00ffff); border-radius: 10px; }